<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1" />
<link rel="shortcut icon" href="#" type="image/png">
<link rel="stylesheet" type="text/css" href="__STATIC__/common/phone/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="__STATIC__/common/phone/css/style.css" />
<style>
	body{
		background: #fafafa;
	}
</style>
<title>首页</title>
</head>
<body>
	<!-- banner 开始 -->
	<div class="banner">
		<img src="{$user.avatar|default='__STATIC__/admin/assets/avatars/user.jpg'}" alt="" width="100%">
		<p>{$user.username}</p>
		<p>{$user.depars_text}-{$user.auth_text}</p>
		<!--<div class="msg_notification">-->
			<!--<img class="" src="__STATIC__/common/phone/images/msgwhite2.png" width="100%"/>-->
			<!--<ul class="msg_icon">-->
				<!--<li>-->
					<!--<a href="">-->
						<!--<img src="__STATIC__/common/phone/images/msgicon.png"/>-->
						<!--<span class="reddot"></span>-->
					<!--</a>-->
				<!--</li>-->
				<!--<li>-->
					<!--<a href="">-->
						<!--<img src="__STATIC__/common/phone/images/msg1.png"/>-->
						<!--<span class="reddot"></span>-->
					<!--</a>-->
				<!--</li>-->
				<!--<li>-->
					<!--<a href="">-->
						<!--<img src="__STATIC__/common/phone/images/msgicon.png"/>-->
						<!--<span></span>-->
					<!--</a>-->
				<!--</li>-->
			<!--</ul>-->
		<!--</div>-->
	</div>
	<!-- banner 结束 -->
    <div class="sort">
    	<div class="sortpart">
			<ul class="sort_part_ul">
				{volist name="lists" id="info"}
				{eq name="info.title" value="添加订单"}
				<!--新增订单，不需要跳转页面-->
				<li>
					<a href="javascript:showlayer('{:url('add')}','新增订单');" >
						<img src="__STATIC__/common/phone/images/{$info.css}" alt="">
						<p>{$info.title}</p>
					</a>
				</li>
				{else/}
				<li>
					<a href="/{$info.name}">
						<img src="__STATIC__/common/phone/images/{$info.css}" alt="">
						<p>{$info.title}</p>
					</a>
				</li>
				{/eq}
				{/volist}
			</ul>
     	</div>
    </div>
	
    <script type="text/javascript" src="__STATIC__/common/phone/js/jquery-3.2.0.min.js"></script>
	<!--引入layer插件-->
	<script type="text/javascript" src="__STATIC__/common/layer/layer.js"></script>
<script>
	$(function(){
		var i=0;
		$('.msg_notification').click(function(){
//			$('.msg_icon').toggle(400);
			if(i==0){
                 $(".msg_icon").show(400);
                 $('.msg_notification').css('background','rgba(255,255,255,.5)');
                 i=1;
            }else{
                 $(".msg_icon").hide(400);
                 setTimeout(function(){
                 	$('.msg_notification').css('background','none');
                 },300)
                 
                 i=0;
            }
		})
	})
    //查看详情
    function showlayer(url,text) {
        layer.open({
            type: 2,
            title: text,
            shadeClose: false,
            shade: 0.1,
            area: ['90%', '85%'],
            content:url
        });
    }
</script>
</body>
</html>